<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Screen对象</title>
</head>
<body>
  <div>

  </div>
  <script>
    // Screen  对象属性
    // availHeight    屏幕像素高度减去系统组件高度（只读）
    // availHeight    屏幕像素高度减去系统组件高度（只读）
    // availLeft      没有被系统组件占用的屏幕的最左侧像素（只读）
    // availTop       没有被系统组件占用的屏幕的最顶端像素（只读）
    // availWidth     屏幕像素宽度减去系统组件宽度（只读）
    // colorDepth     表示屏幕颜色的位数；多数系统是 32（只读）
    // height         屏幕像素高度
    // width          屏幕像素宽度
    // left           当前屏幕左边的像素距离
    // top            当前屏幕顶端的像素距离
    // pixelDepth     屏幕的位深（只读）
    // orientation 返回 Screen Orientation API 中屏幕的朝向
  </script>
</body>
</html>